<template>
  <div id="plan">
    <div class="inner">
      <div class="HouseStructureGroup clearfix">
        <el-input type="textarea" v-model="desc" class="HouseStructure"></el-input>
        <div class="HouseStructure__label">
          <p>库区代码结构, 可点击右侧图标显示！</p>
        </div>
      </div>
      <div class="signGroup" v-if="!observer">
        <div class="sign"><span class="sign__block undefined"></span><span class="sign__label">未定义</span></div>
        <div class="sign"><span class="sign__block storageArea"></span><span class="sign__label">存储区</span></div>
        <div class="sign"><span class="sign__block sortingArea"></span><span class="sign__label">分拣区</span></div>
        <div class="sign"><span class="sign__block temporaryStorageArea"></span><span class="sign__label">暂存区</span>
        </div>
        <div class="sign"><span class="sign__block unqualifiedArea"></span><span class="sign__label">破损区</span>
        </div>
        <div class="sign"><span class="sign__block selectedState"></span><span class="sign__label">选中状态</span></div>
        <div class="sign"><span class="sign__block aisle"></span><span class="sign__label">过道</span></div>
      </div>
      <div id="tag" style="max-height:350px;">
        <ul v-for="a of list" :style="{width:listWidth}" class="clearfix">
          <plan-block
            :key="a[0].row"
            v-for="a1 of a"
            :clc="eClick"
            :dclc="eDoubleClick"
            :element="a1">
          </plan-block>
        </ul>
      </div>
      <p v-if="!observer">快速选择库区</p>
      <el-checkbox-group v-model="checkList" @change="checkListChange" class="checkList">
        <el-checkbox :label="big.baqKqName" :key="big.baqKqName" v-for="big of Kqs"></el-checkbox>
      </el-checkbox-group>
      <div class="btnGroup" v-if="false">
        <el-row>
          <el-col :span="4">
            <button class="btn storageArea" @click="set(2)">设为存储区</button>
          </el-col>
          <el-col :span="4">
            <button class="btn temporaryStorageArea" @click="set(4)">设为暂存区</button>
          </el-col>
          <el-col :span="4">
            <button class="btn undefined" @click="set(1)">设为未设定区</button>
          </el-col>
          <el-col :span="4">
            <button class="btn " @click="">查看所有库区</button>
          </el-col>
          <el-col :span="4">
            <button class="btn resetSelect" @click="resetSelect">重置选择</button>
          </el-col>
          <el-col :span="4">
            <button class="btn resetHouse" v-if="!new_role" @click="resetHouse">调整仓库结构</button>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="4">
            <button class="btn sortingArea" @click="set(3)">设为分拣区</button>
          </el-col>
          <el-col :span="4">
            <button class="btn unqualifiedArea" @click="set(5)">设为破损区</button>
          </el-col>
          <el-col :span="4" :offset="8">
            <button class="btn unqualifiedArea" v-if="!new_role" @click="submit" >保存修改</button>
          </el-col>
        </el-row>
      </div>
      <el-dialog
        :title="form.title"
        :modal="false"
        @open="dialogOpen"
        v-model="dialogTableVisible">
        <el-table :data="form.tableData">
          <el-table-column property="blLname" label="储位名称" align="center"></el-table-column>
          <el-table-column property="blLtray" label="托盘数量" align="center"></el-table-column>
          <el-table-column label="可用操作" align="center">
            <template scope="props"><el-button size="small" type="info" @click="inlinePrint(props.$index, props.row)">打印</el-button></template>
          </el-table-column>
        </el-table>
      </el-dialog>
    </div>
  </div>
</template>
<script>
  import Block from './plan-block.vue';
  /**
   *
   * @param data
   * @param size
   * @returns {*}
   */
  function auto_number (data, size) {
    if (data < Math.pow(10, size)) {
      for (let i = 0; i < size; i++) {
        data = '0' + data;
      }
    }
    return data;
  }
  export default {
    props: {observer: null, warehouse_id: null, new_role: null},
    data: function () {
      return {
        isdb: false,
        desc: '', // TODO 平面图 总数据信息 (未解析)
        regions: [], // 库区
        regionR: [[]], // 库区
        Kqs: [], // 库区组

        form: this.new_form(), // 弹出层 基础数据
        dialogTableVisible: false, // 弹出层 维护

        dialogECharts: {
          title: {
            text: '某站点用户访问来源',
            subtext: '纯属虚构',
            x: 'center',
          },
          tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)',
          },
          legend: {
            orient: 'vertical',
            left: 'left',
            data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎'],
          },
          series: [
            {
              name: '访问来源',
              type: 'pie',
              radius: '55%',
              center: ['50%', '60%'],
              data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'},
              ],
              itemStyle: {
                emphasis: {
                  shadowBlur: 10,
                  shadowOffsetX: 0,
                  shadowColor: 'rgba(0, 0, 0, 0.5)',
                },
              },
            },
          ],
        }, // 弹出层 图表
        p: [{
          'kuQu': [
            [
              {
                'row': 0,
                'col': 1,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A1-1',
                'select': false,
              },
              {
                'row': 0,
                'col': 2,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A1',
                'select': false,
              },
              {
                'row': 0,
                'col': 3,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A2',
                'select': false,
              },
              {
                'row': 0,
                'col': 4,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A3',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 0,
                'col': 5,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B0',
                'select': false,
              },
              {
                'row': 0,
                'col': 6,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B1',
                'select': false,
              },
              {
                'row': 0,
                'col': 7,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B2',
                'select': false,
              },
              {
                'row': 0,
                'col': 8,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B3',
                'select': false,
              },
              {
                'row': 0,
                'col': 9,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B4',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 0,
                'col': 10,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C0',
                'select': false,
              },
              {
                'row': 0,
                'col': 11,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C1',
                'select': false,
              },
              {
                'row': 0,
                'col': 12,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C2',
                'select': false,
              },
              {
                'row': 0,
                'col': 13,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C3',
                'select': false,
              },
            ],
            [
              {
                'row': 1,
                'col': 1,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A4',
                'select': false,
              },
              {
                'row': 1,
                'col': 2,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A5',
                'select': false,
              },
              {
                'row': 1,
                'col': 3,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A6',
                'select': false,
              },
              {
                'row': 1,
                'col': 4,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A7',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 1,
                'col': 5,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B5',
                'select': false,
              },
              {
                'row': 1,
                'col': 6,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B6',
                'select': false,
              },
              {
                'row': 1,
                'col': 7,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B7',
                'select': false,
              },
              {
                'row': 1,
                'col': 8,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B8',
                'select': false,
              },
              {
                'row': 1,
                'col': 9,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B9',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 1,
                'col': 10,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C4',
                'select': false,
              },
              {
                'row': 1,
                'col': 11,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C5',
                'select': false,
              },
              {
                'row': 1,
                'col': 12,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C6',
                'select': false,
              },
              {
                'row': 1,
                'col': 13,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C7',
                'select': false,
              },
            ],
            [
              {
                'row': 2,
                'col': 1,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A8',
                'select': false,
              },
              {
                'row': 2,
                'col': 2,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A9',
                'select': false,
              },
              {
                'row': 2,
                'col': 3,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A10',
                'select': false,
              },
              {
                'row': 2,
                'col': 4,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'A11',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 2,
                'col': 5,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B10',
                'select': false,
              },
              {
                'row': 2,
                'col': 6,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B11',
                'select': false,
              },
              {
                'row': 2,
                'col': 7,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B12',
                'select': false,
              },
              {
                'row': 2,
                'col': 8,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B13',
                'select': false,
              },
              {
                'row': 2,
                'col': 9,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B14',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 2,
                'col': 10,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C8',
                'select': false,
              },
              {
                'row': 2,
                'col': 11,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C9',
                'select': false,
              },
              {
                'row': 2,
                'col': 12,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C10',
                'select': false,
              },
              {
                'row': 2,
                'col': 13,
                'statusColor': [
                  false,
                  false,
                  false,
                  true,
                  false,
                  false,
                ],
                'status': 3,
                'id': 'C11',
                'select': false,
              },
            ],
            [
              {
                'row': 3,
                'col': 1,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  false,
                  true,
                ],
                'status': 5,
                'id': 'D0',
                'select': false,
              },
              {
                'row': 3,
                'col': 2,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  false,
                  true,
                ],
                'status': 5,
                'id': 'D1',
                'select': false,
              },
              {
                'row': 3,
                'col': 3,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  false,
                  true,
                ],
                'status': 5,
                'id': 'D2',
                'select': false,
              },
              {
                'row': 3,
                'col': 4,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  false,
                  true,
                ],
                'status': 5,
                'id': 'D3',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 3,
                'col': 5,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B15',
                'select': false,
              },
              {
                'row': 3,
                'col': 6,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B16',
                'select': false,
              },
              {
                'row': 3,
                'col': 7,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B17',
                'select': false,
              },
              {
                'row': 3,
                'col': 8,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B18',
                'select': false,
              },
              {
                'row': 3,
                'col': 9,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B19',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 3,
                'col': 10,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'E0',
                'select': false,
              },
              {
                'row': 3,
                'col': 11,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'E1',
                'select': false,
              },
              {
                'row': 3,
                'col': 12,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'E2',
                'select': false,
              },
              {
                'row': 3,
                'col': 13,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'E3',
                'select': false,
              },
            ],
            [
              {
                'row': 4,
                'col': 1,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  false,
                  true,
                ],
                'status': 5,
                'id': 'D4',
                'select': false,
              },
              {
                'row': 4,
                'col': 2,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  false,
                  true,
                ],
                'status': 5,
                'id': 'D5',
                'select': false,
              },
              {
                'row': 4,
                'col': 3,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  false,
                  true,
                ],
                'status': 5,
                'id': 'D6',
                'select': false,
              },
              {
                'row': 4,
                'col': 4,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  false,
                  true,
                ],
                'status': 5,
                'id': 'D7',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 4,
                'col': 5,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B20',
                'select': false,
              },
              {
                'row': 4,
                'col': 6,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B21',
                'select': false,
              },
              {
                'row': 4,
                'col': 7,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B22',
                'select': false,
              },
              {
                'row': 4,
                'col': 8,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B23',
                'select': false,
              },
              {
                'row': 4,
                'col': 9,
                'statusColor': [
                  false,
                  false,
                  false,
                  false,
                  true,
                  false,
                ],
                'status': 4,
                'id': 'B24',
                'select': false,
              },
              {
                'id': -1,
                'status': 0,
                'statusColor': [
                  true,
                  false,
                  false,
                  false,
                  false,
                  false,
                ],
                'select': false,
              },
              {
                'row': 4,
                'col': 10,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'E4',
                'select': false,
              },
              {
                'row': 4,
                'col': 11,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'E5',
                'select': false,
              },
              {
                'row': 4,
                'col': 12,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'E6',
                'select': false,
              },
              {
                'row': 4,
                'col': 13,
                'statusColor': [
                  false,
                  false,
                  true,
                  false,
                  false,
                  false,
                ],
                'status': 2,
                'id': 'E7',
                'select': false,
              },
            ],
          ],
          'bigKuQu': {
            'a': {
              'color': '',
              'src': [
                {
                  'row': 0,
                  'col': 1,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 2,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A1',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 3,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A2',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 4,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A3',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 1,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A4',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 2,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A5',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 3,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A6',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 4,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A7',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 1,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A8',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 2,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A9',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 3,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A10',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 4,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'A11',
                  'select': false,
                },
              ],
              'id': 'A',
            },
            'b': {
              'color': '',
              'src': [
                {
                  'row': 0,
                  'col': 5,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B0',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 6,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B1',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 7,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B2',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 8,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B3',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 9,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B4',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 5,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B5',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 6,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B6',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 7,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B7',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 8,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B8',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 9,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B9',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 5,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B10',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 6,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B11',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 7,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B12',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 8,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B13',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 9,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B14',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 5,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B15',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 6,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B16',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 7,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B17',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 8,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B18',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 9,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B19',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 5,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B20',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 6,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B21',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 7,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B22',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 8,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B23',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 9,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    true,
                    false,
                  ],
                  'status': 4,
                  'id': 'B24',
                  'select': false,
                },
              ],
              'id': 'B',
            },
            'c': {
              'color': '',
              'src': [
                {
                  'row': 0,
                  'col': 10,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C0',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 11,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C1',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 12,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C2',
                  'select': false,
                },
                {
                  'row': 0,
                  'col': 13,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C3',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 10,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C4',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 11,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C5',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 12,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C6',
                  'select': false,
                },
                {
                  'row': 1,
                  'col': 13,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C7',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 10,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C8',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 11,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C9',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 12,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C10',
                  'select': false,
                },
                {
                  'row': 2,
                  'col': 13,
                  'statusColor': [
                    false,
                    false,
                    false,
                    true,
                    false,
                    false,
                  ],
                  'status': 3,
                  'id': 'C11',
                  'select': false,
                },
              ],
              'id': 'C',
            },
            'd': {
              'color': '',
              'src': [
                {
                  'row': 3,
                  'col': 1,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    false,
                    true,
                  ],
                  'status': 5,
                  'id': 'D0',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 2,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    false,
                    true,
                  ],
                  'status': 5,
                  'id': 'D1',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 3,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    false,
                    true,
                  ],
                  'status': 5,
                  'id': 'D2',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 4,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    false,
                    true,
                  ],
                  'status': 5,
                  'id': 'D3',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 1,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    false,
                    true,
                  ],
                  'status': 5,
                  'id': 'D4',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 2,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    false,
                    true,
                  ],
                  'status': 5,
                  'id': 'D5',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 3,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    false,
                    true,
                  ],
                  'status': 5,
                  'id': 'D6',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 4,
                  'statusColor': [
                    false,
                    false,
                    false,
                    false,
                    false,
                    true,
                  ],
                  'status': 5,
                  'id': 'D7',
                  'select': false,
                },
              ],
              'id': 'D',
            },
            'e': {
              'color': '',
              'src': [
                {
                  'row': 3,
                  'col': 10,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'E0',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 11,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'E1',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 12,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'E2',
                  'select': false,
                },
                {
                  'row': 3,
                  'col': 13,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'E3',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 10,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'E4',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 11,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'E5',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 12,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'E6',
                  'select': false,
                },
                {
                  'row': 4,
                  'col': 13,
                  'statusColor': [
                    false,
                    false,
                    true,
                    false,
                    false,
                    false,
                  ],
                  'status': 2,
                  'id': 'E7',
                  'select': false,
                },
              ],
              'id': 'E',
            },
          },
          'desc': 'aaaa bbbbb cccc\naaaa bbbbb cccc\naaaa bbbbb cccc\ndddd bbbbb eeee\ndddd bbbbb eeee',
          'id': '123',
        }, [
          {
            'blLocationId': 1,
            'blLname': 'H01-01-A1',
            'blRegionId': 1,
            'blLtray': 2,
            'blLorder': 1,
            'blStatus': 1,
            'blArehouseId': 1,
          },
          {
            'blLocationId': 2,
            'blLname': 'H01-01-A2',
            'blRegionId': 1,
            'blLtray': 2,
            'blLorder': 2,
            'blStatus': 1,
            'blArehouseId': 1,
          },
          {
            'blLocationId': 3,
            'blLname': 'H01-01-A3',
            'blRegionId': 1,
            'blLtray': 2,
            'blLorder': 3,
            'blStatus': 1,
            'blArehouseId': 1,
          },
          {
            'blLocationId': 5,
            'blLname': 'H01-01-A4',
            'blRegionId': 1,
            'blLtray': 2,
            'blLorder': 4,
            'blStatus': 1,
            'blArehouseId': 1,
          },
        ]],

        checkList: [], // 快捷多选 维护
        selected: [], // 被选中的库区
        HouseStructure: false, // 库区结构
      };
    },
    computed: {
      list: function () {
        let Kqs = [];
        _Kq(-1, '过');
        _Kq(1, '存');
        _Kq(2, '拣');
        _Kq(3, '暂');
        _Kq(4, '破');
        _Kq(5, '其');
        let regionsR = [[]];
        let regions = [];
        let row = 0;
        let rRow = 0;
        let col = 1;
        let step = {};

        let ifAisle = false;
        let desc = this.desc;

        function auto_Kq_region (data, index) {
          ifAisle = true;
          step = _region();
          step.row = row;
          step.col = col++;
          step.brgRegionNo = auto_number(row + 1, 1) + '-' + auto_number(col - 1, 1);
          step.brgRegionStatus = data;
          console.log(Kqs, index);

          Kqs[index].baseRegions.push(step);
          regions.push(step);
          regionsR[rRow].push(step);
        }

        function _Kq (id, baqKqName, baqArehouseId, baseRegions) {
          return {
            'baqKqId': id,
            'baqArehouseId': baqArehouseId || 1,
            'baqKqName': baqKqName,
            'baqIsdel': 1,
            'baqStatus': id,
            'baseRegions': baseRegions || [],
          };
        }

        function _region () {
          return {
            'brgRegionId': 0,
            'brgArehouseId': 0,
            'brgRegionNo': '',
            'brgKqId': 0,
            'brgRegionStatus': 0,
            'baseLocationList': [],

            row: 0,
            col: 0,
            click: function () {
              return this;
            },
            select: false,
          };
        }

        for (let i = 0; i < desc.length; i++) {
          switch (desc[i]) {
          case ' ': // 过道
            auto_Kq_region(-1, '过');
            break;
          case '\n': // 换行
            rRow++;
            if (!ifAisle) {

            } else {
              row++;
              ifAisle = false;
            }
            col = 1;
            Kqs.push([]);
            break;
          case '存':
            auto_Kq_region(1, '存');
            break;
          case '拣':
            auto_Kq_region(2, '拣');
            break;
          case '暂':
            auto_Kq_region(3, '暂');
            break;
          case '破':
            auto_Kq_region(4, '破');
            break;
          default: // 仓库
            console.log('错误！');
            auto_Kq_region(5, '其');
            break;
          }
        }
        this.Kqs = Kqs;
        this.regions = regions;
        this.regionR = regionsR;

        return regionsR;
      }, // list所有的储存区域
      listWidth: function () {
        let maxNumber = this.regionR[0].length;
        for (let i = 1; i < this.regionR.length; i++) {
          if (this.regionR[i].length > maxNumber) { maxNumber = this.regionR[i].length; }
        }
        return maxNumber * 58 + 'px';
      }, // 维护最大平面图宽度
    },
    methods: {
      isAisle: function (id) {
        if (id === -1) {

        } else {

        }
      },
      dialogOpen: function () {
        //                let obj = this;
        //                Vue.nextTick(function () {
        //                    let myChart = echarts.init(document.getElementById('dialogECharts'));
        //                    myChart.setOption(obj.$data.dialogECharts);
        //                });
      },
      checkListChange: function () {
        //                this.resetSelectC(this.regions);
        //                this.selected = [];
        //                for (let b = 0; b < this.checkList.length; b++) {
        //                    let step = this.checkList[b].toLowerCase();
        //                    for (let i = 0; i < this.Kqs[step].src.length; i++) {
        //                        this.Kqs[step].src[i].select = true;
        //                        this.selected.push(this.Kqs[step].src[i]);
        //                    }
        //                }
      },
      selectedregions: function (e) {
        e.select = !e.select;
        if (e.select) {
          this.selected.push(e);
        } else {
          (function (obj, data) {
            for (let i = 0; i < data.length; i++) {
              let temp = data[i];
              if (!isNaN(obj)) {
                temp = i;
              }
              if (temp === obj) {
                for (let j = i; j < data.length; j++) {
                  data[j] = data[j + 1];
                }
                data.pop();
              }
            }
          })(e, this.selected);
        }
      },
      resetSelect: function () {
        this.resetSelectC(this.regions);
        this.checkList = [];
        this.selected = [];
      },
      set: function (number) {
        // TODO 此处应有检查
        for (let i = 0; i < this.selected.length; i++) {
          this.selected[i].statusColor[this.selected[i].status] = false;
          this.selected[i].statusColor[number] = true;
          this.selected[i].status = number;
        }
        // TODO 此处有应有post请求
        this.resetSelect();
      },
      deleteArea: function () {

      },

      inlinePrint: function (index, row) {
        console.log(row);
      },

      eClick: function (e) {
        let obj = this;
        obj.isdb = false;
        window.setTimeout(function () {
          if (obj.isdb !== false) return;
          obj.selectedregions(e);
        }, 300);
      }, // 单击库区 选中
      eDoubleClick: function (e) {
        // TODO 模拟弹出层 完整版
        this.isdb = true;
        let obj = this;

        if (this.selected.length < 2) {
          obj.$data.form.title = '查看\t' + e.id;
        } else {
          obj.$data.form.title = '选中区域信息';
        }

        this.p[1].post({ids: [1]}, function (json) {
          obj.$data.form.tableData = json;
          obj.$data.dialogTableVisible = true;
        });
      }, // 双击库区 查看详细信息

      resetHouse: function () {
        this.HouseStructure = !this.HouseStructure;
      },
      resetSelectC: function (regions) {
        for (let b = 0; b < regions.length; b++) {
          for (let i = 0; i < regions[b].length; i++) {
            regions[b][i].select = false;
          }
        }
      },

      new_form: function () {
        return {
          title: '查看\tA1-1',
          tableData: this.new_tableData(),
        };
      },

      new_tableData: function () {
        return {
          row: 0,
          col: 0,
          status: 0,
        };
      },
      init: function () {},
      submit: function () {
        if (typeof this.warehouse_id === 'undefined') {

        } else {

        }
      },
    },
    mounted: function () {
      /* <debug> */
      console.log(this.observer, this.warehouse_id);
      /* </debug> */
      if (this.warehouse_id) this.init();
      if (this.new_role) this.resetHouse();
    },
    components: {
      'plan-block': Block,
    },
  };
</script>
